<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>xxx网站</title>
    <link rel="stylesheet" href="css/网站首页.css">
    <style>
       
    </style>
</head>
<body>
    <div id="top">
        <!-- 头栏的内容 -->
        <div id="header">
            <div>网站名称</div>
            <div><a href="#">注册</a></div>
            <div><a href="登录.html">登录</a></div>
            <!-- <div>啦啦啦</div> -->
        </div>

        <!-- logo,搜索栏,菜单栏 -->
        <div class="head">
            <div id="logo">
                logo
            </div>
            <div id="bar">
                <div>
                    <input type="text" name="search" placeholder="请输入关键词...">
                    <button type="button">搜索</button>
                </div>

                <div id="ear">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>

                <div id="menu"> <div><a id="a" href="宠物百科.html" target="_blank">宠物百科</a></div></div>
                <div id="menu"><div><a id="a" href="商城.html" target="_blank">商城</a></div></div>
                <div id="menu"><div><a id="a" href="宠物社区.html" target="_blank">宠物社区</a></div></div>
                <div id="menu"><div><a id="a" href="医疗美容.html" target="_blank">医疗美容</a></div></div>

            </div>
        </div>
    
        <!-- 下面头像区域,轮播图区域及下面的空白的框框 -->
        <div class="main">
            <div id="user">
                <div><img src="./images/user.png" alt=""></div>
                <div>Hi!~欢迎来到XXX</div>
                <div>
                    <input type="button" onclick="window.open('登录.html')" name="login" value="登录"/>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="button" onclick="window.open('注册')" name="register" value="注册"/>
                </div>
            </div>
            <div id="wheel">
                <div class="container">
                    <div class="photo">
                        <img src="./images/1.png" />
                        <img src="./images/2.png" />
                        <img src="./images/3.png" />
                        <img src="./images/p2.png" />
                    </div>
                </div>
            </div>
            <ul>
                <li>
                    <div class="title">
                        <div>宠物百科</div>
                        <div>行为分析</div>
                        <div>宠物养护</div>
                        <div>宠物种类</div>
                    </div>
                    <div class="knowledge">
                        <div class="clearfix">狗狗</div>
                        <div><a href="https://baidu.com"  class="clearfix aa">更多》</a></div>
                        <div  class="clearfix">
                            <img src="./images/dog.png" alt="dog"><br>
                            哈士奇&nbsp;贵宾犬&nbsp;博美<br/>柴犬&nbsp;藏獒
                        法国斗牛犬&nbsp;<br/>边境牧羊犬&nbsp;腊肠犬&nbsp;<br/>德国牧羊犬&nbsp;蝴蝶犬&nbsp;
                        </div>
                    </div>
                    <div class="knowledge">
                        <div class="clearfix">猫猫</div>
                        <div><a href="https://baidu.com"  class="clearfix aa">更多》</a></div>
                        <div  class="clearfix">
                            <img src="./images/cat2.jpg" alt="dog"><br>
                            哈士奇&nbsp;贵宾犬&nbsp;博美<br/>柴犬&nbsp;藏獒
                        法国斗牛犬&nbsp;<br/>边境牧羊犬&nbsp;腊肠犬&nbsp;<br/>德国牧羊犬&nbsp;蝴蝶犬&nbsp;
                        </div>
                    </div>
                    <div class="separate"></div>
                    <div class="d_line"></div>
                </li>
                <li>
                    <div class="title">
                        <div>商城</div>
                        <div>宠物用品</div>
                        <div>宠物交易</div>
                    </div>
                    <div class="shopping">
                        <img src="./images/dog.png" alt="">
                        <div>金毛</div>
                        <div>¥1000</div>
                        <div>HI萌宠店</div>
                        <div><a href="https://baidu.com/">了解详情》</a></div>
                    </div>
                    <div class="shopping">
                        <img src="./images/cat2.jpg" alt="">
                        <div>狸花猫</div>
                        <div>¥3700</div>
                        <div>小小萌宠店</div>
                        <div>了解详情》</div>
                    </div>
                    <div class="more"><a href="https://baidu.com/" class="aa">查看更多》</a></div>
                    <div class="d_line_s"></div>
                </li>
                <li>
                    <div class="title">
                        <div>宠物社区</div>
                        <div>宠物视频</div>
                        <div>图文分享</div>
                    </div>
                    <div class="show">
                        <div><img src="./images/funy1.jpg" alt=""></div>
                        <a href="https://www.baidu.com/">快来围观我家的布偶猫! !</a>
                        <p>猫猫刚来家里没多久，还有点怕生，可是超级可爱啊! ....</p>
                        <div class="information">
                            <div><a href="https://www.baidu.com/" class="aa">小华是我</a></div>
                            <div>2020-01-20</div>
                            <div><img src="./images/eye.png" alt="" width="28" height="20"></div>
                            <div>22</div>
                            <div><img src="./images/comment.png" alt="" width="25" height="25" ></div>
                            <div>7</div>
                        </div>
                    </div>
                    <div  class="show">
                        <div><img src="./images/funy2.jpg" alt=""></div>
                        <a href="https://www.baidu.com/">狗哥不肯笑</a>
                        <p></p>
                        <div  class="information">
                            <div><a id="inf" href="https://www.baidu.com/" class="aa">Ennny</a></div>
                            <div>2020-01-16</div>
                            <div><img src="./images/eye.png" alt="" width="28" height="20"></div>
                            <div>32</div>
                            <div><img src="./images/comment.png" alt="" width="25" height="25" ></div>
                            <div>13</div>
                        </div>
                        <div><a href="https://baidu.com/" class="aa">查看更多》</a></div>
                    </div>
                    <div class="d_line"></div>
                </li>
                <li>
                    <div class="title">
                        <div>医疗美容</div>
                        <div>宠物美容</div>
                        <div>宠物医疗</div>
                    </div>
                    <div class="show2">
                        <div><img src="./images/host1.png" alt=""></div>
                        <div>
                            <h3>美联众宠物医院</h3>
                            <p >地址:岭南市岭南区岭南路233号( 靠近岭南小区)</p>
                            <div></div>
                            <div class="price">
                                <div>宠物皮肤检查/耳道检查</div>
                                <div>￥50</div>
                                <div><a href="https://baidu.com/" class="aa">查看更多》</a></div>                             
                            </div>
                            <div class="price">
                                <div>进口猫三联疫苗/进口狂犬疫苗</div>
                                <div>￥70</div>
                            </div>
                        </div>
                    </div>
                    <div class="show2">
                        <div><img src="./images/host2.png" alt=""></div>
                        <div>
                            <h3>佳雯宠物医院</h3>
                            <p>地址:岭南市岭南区岭南路123号</p>
                            <div></div>
                            <div class="price">
                                <div>幼犬传染病抗原体检23项套餐</div>
                                <div>￥99</div>
                                <div><a href="https://baidu.com/" class="aa">查看更多》</a></div>
                            </div>
                            <div class="price">
                                <div>幼犬幼猫体验+传染病检查</div>
                                <div>￥190</div>
                            </div>
                        </div>
                    </div>
                    <div class="last_a"><a href="https://baidu.com/" class="aa">查看更多》</a></div>
                    <div class="laster">已经到底了~</div>
                </li>
            </ul>
                
            </div>
       </div>
       
    </div>
</body>
</html>